<template>
  <div>
    <h1>App</h1>
    <button @click="count++">{{ count }}</button>
    <input v-focus:abcd.a.b="count" type="text" />

    <hr />

    <Hello />
  </div>
</template>

<script>
import Hello from "./Hello.vue";

export default {
  name: "App",

  // 注册局部组件
  components: {
    Hello,
  },

  // 注册局部的指令
  directives: {
    // key: value
    //    key - 指令的名字，注意不需要 v- 开始，但是使用时需要 v-
    //    value - 指令
    // focus,
  },

  data() {
    return {
      count: 1,
    };
  },
};
</script>
